		.top_1>div>a:nth-child(n){
			background-color: transparent;
		}
		.top_1>div>a:last-child{
			background-color: #01763a;
		}
		.bd_2>p{
			font-size: 14px;
			color: #707070;
			padding: 20px 0px;
		}
		.bd_2{
			width: 1230px;
			margin: 0 auto;
		}
		.bd_2>h2{
			font-size: 24px;
			line-height: 40px;
			color: #333333;
			text-align: center;
		}
		.item_1{
			width: 540px;
			display: flex;
			margin: 20px 0;
			justify-content: space-between;
		}
		.item_1>a{
			background-color: #fff;
			color: #333333;
			text-align: center;
			border: 1px solid #ddd;
			border-radius: 5px;
			font-size: 16px;
			line-height: 38px;
			width: 30%;
		}
		.item_1>.on{
			background-color: #01763a;
			color: #fff;
			border-color: #01763a;
		}
		.item_2>div{
			float: left;
		}
		.item_2>div.ite_1>:nth-child(n){
			width: 340px;
			position: relative;
			box-shadow: 0 0 15px #ccc;
		}
		.item_2>div.ite_1>div:nth-child(1){
			display: flex;
		}
		.item_2>div.ite_1>div>ul{
			flex-grow: 1;
			overflow-y: scroll;
			overflow-x: hidden;
			height: 290px;
			margin: 30px 20px 20px;
			box-sizing: border-box;
			position: relative;
		}
		.item_2>div.ite_1>div>ul::-webkit-scrollbar-track{
			background-color: transparent;
		}
		.item_2>div.ite_1>div>ul::-webkit-scrollbar{
			width: 11px;
			overflow: visible;
			background-color: transparent;
		}
		.item_2>div.ite_1>div>ul::-webkit-scrollbar-thumb{
			background-color: #01763a;
			border-radius: 5px;
		}
		.item_2>div.ite_1>div>ul>li>a{
			font-size: 14px;
			line-height: 24px;
			color: #333;
			margin: 8px 0;
			display: inline-block;
		}
		.item_2>div.ite_1>div>ul>li>a:hover{
			color: #01763a;
		}
		.item_2>div.ite_1>div>ul>li>a.on{
			color: #01763a;
		}
		.ite_1>div:nth-child(1){
			margin-bottom: 10px;
			position: relative;
		}
		.ite_1>div:nth-child(1)::before{
			content: "";
			display: block;
			position: absolute;
			border: 10px solid transparent;
			border-left-color: #fff;
			top: 50px;
			left: 100%;
		}
		.ite_1>div:nth-child(2)>h2{
			font-size: 18px;
			color: #333;
			line-height: 18px;
		}
		.ite_1>div:nth-child(2){
			box-sizing: border-box;
			padding: 24px 30px;
		}
		.ite_1>div:nth-child(2)>div{
			display: flex;
			flex-direction: column;
			margin-top: 25px;
		}
		.ite_1>div:nth-child(2)>div>input,
		.ite_1>div:nth-child(2)>div>button{
			width: 280px;
			height: 40px;
			padding: 10px;
			box-sizing: border-box;
			outline: none;
			border: 1px solid #ccc;
			border-radius: 5px;
			margin-bottom: 10px;
		}
		.ite_1>div:nth-child(2)>div>button{
			margin: 0;
			background-color: #01763a;
			color: #fff;
			font-size: 14px;
			border: none;
		}
		.ite_1>div:nth-child(2)>div>button:hover{
			cursor: pointer;
		}
		.ite_2{
			margin-left: 20px;
			width: 870px;
			padding: 28px 15px 28px 20px;
			box-sizing: border-box;
			box-shadow: 0 0 15px #ccc;
			overflow: hidden;
		}
		.ite_2>div{
			height: 575px;
			overflow-y: scroll;
		}
		.ite_2>div>:nth-child(n):not(h2,h2+div){
			margin-bottom: 10px;
		}
		.ite_2 .tit{
			font-size: 22px;
			line-height: 22px;
		}
		.ite_2 .tit+div{
			height: 60px;
			background-image: url(../img/app-img1.png);
			background-position: left center;
			background-repeat: repeat-x;
		}
		.ite_2 .tit~img{
			width: 300px;
		}
		.item_2>div.ite_2>div::-webkit-scrollbar-track{
			background-color: transparent;
		}
		.item_2>div.ite_2>div::-webkit-scrollbar{
			width: 11px;
		}
		.item_2>div.ite_2>div::-webkit-scrollbar-thumb{
			background-color: #01763a;
			border-radius: 5px;
		}
		.item_3{
			margin: 80px 0;
		}
		.item_3>h2{
			font-size: 24px;
			line-height: 24px;
			text-align: center;
			color: #333;
		}
		.item_3>div>ul{
			display: flex;
			justify-content: space-between;
		}
		.item_3>div>ul>li>a{
			display: flex;
			flex-direction: column;
			justify-content: center;
			align-items: center;
			width: 170px;
			height: 135px;
			transition: 0.4s 0s background-color;
			border: 1px solid #dedede;
			border-radius: 5px;
		}
		.item_3>div>ul>li>a>:nth-child(n){
			transform: translateY(0px);
			transition: 0.4s 0s transform;
		}
		.item_3>div>ul>li>a:hover>:nth-child(n){
			transform: translateY(-5px);
			color: #fff;
		}
		.item_3>div>ul>li>a>div{
			width: 60px;
			height: 60px;
		}
		.item_3>div>ul>li>a:hover{
			background-color: #01763a;
		}
		.item_3>div>ul>li:nth-child(1)>a>div{
			background-image: url(../img/s5a3388c78ca06.png);
		}
		.item_3>div>ul>li:nth-child(1):hover>a>div{
			background-image: url(../img/s5a1d090c0cdaf.png);
		}
		.item_3>div>ul>li:nth-child(2)>a>div{
			background-image: url(../img/s5a338807c130a.png);
		}
		.item_3>div>ul>li:nth-child(2):hover>a>div{
			background-image: url(../img/s5a1d090d196cd.png);
		}
		.item_3>div>ul>li:nth-child(3)>a>div{
			background-image: url(../img/s5a193a55cdad1.png);
		}
		.item_3>div>ul>li:nth-child(3):hover>a>div{
			background-image: url(../img/s5a1d090e27cea.png);
		}
		.item_3>div>ul>li:nth-child(4)>a>div{
			background-image: url(../img/s5a193a56b7374.png);
		}
		.item_3>div>ul>li:nth-child(4):hover>a>div{
			background-image: url(../img/s5a1d090f300ab.png);
		}
		.item_3>div>ul>li:nth-child(5)>a>div{
			background-image: url(../img/s5a193a57bd3f3.png);
		}
		.item_3>div>ul>li:nth-child(5):hover>a>div{
			background-image: url(../img/s5a1d0910575e2.png);
		}
		.item_3>div>ul>li:nth-child(6)>a>div{
			background-image: url(../img/s5a193a58be013.png);
		}
		.item_3>div>ul>li:nth-child(6):hover>a>div{
			background-image: url(../img/s5a1d09115fcf4.png);
		}
		.item_3>div>ul>li:nth-child(7)>a>div{
			background-image: url(../img/s5a193a59b8256.png);
		}
		.item_3>div>ul>li:nth-child(7):hover>a>div{
			background-image: url(../img/s5a1d091268852.png);
		}
		.item_3>div>ul>li>a>p{
			font-size: 16px;
			line-height: 32px;
		}
		.item_3>div{
			margin-top: 30px;
		}
		.top_2{
			width: 100%;
			box-shadow: 0 0 10px 0px rgba(0,0,0,0.4);
		}
		
		@media (min-width:500px) and (max-width:959px) {
			.bd_2{
				width: 100%;
			}
			.item_1{
				width: 100%;
				margin-inline: auto;
				max-width: 540px;
			}
			.item_3{
				width: 100%;
			}
			.item_3>div>ul>li>a{
				width: 100px;
				height: 100px;
			}
			.item_2>div{
				width: 100%;
			}
			.ite_1>div{
				margin-inline: auto;
			}
			.ite_2{
				margin-left: 0px;
				margin-top: 10px;
				box-shadow: none;
			}
			.ite_2>div{
				box-shadow: 0 0 15px #ccc;
				max-width: 540px;
				margin: 0 auto;
				min-width: 385px;
			}
			.item_3>div>ul{
				flex-wrap: wrap;
			}
			.item_3>div>ul>li{
				flex-shrink: 0;
			}
			.item_2>div.ite_1>:nth-child(n){
				width: 80%;
				max-width: 540px;
				min-width: 340px;
			}
			.ite_1>div:nth-child(2)>h2{
				text-align: center;
			}
			.ite_1>div:nth-child(2)>div{
				align-items: center;
			}
		}
		
		@media (min-width:960px) and (max-width:1285px) {
			.bd_2{
				width: 960px;
			}
			.item_2>div.ite_1>:nth-child(n){
				width: 270px;
			}
			.ite_1>div:nth-child(2)>div>input,
			.ite_1>div:nth-child(2)>div>button{
				width: 210px;
			}
			.ite_2{
				width: 660px;
			}
			.item_3>div>ul>li>a{
				width: 130px;
				height: 130px;
		}